<template>
  <v-app>
    <v-app-bar clipped-left dark app>
      <!-- -->
      <h3>AI检测平台</h3>
    </v-app-bar>
    <v-navigation-drawer clipped  app>
      <!-- -->
      <navigation/>
    </v-navigation-drawer>

    <!-- 根据应用组件来调整你的内容 -->
    <v-main>
      <!-- 给应用提供合适的间距 -->
      <v-container fluid>
        <!-- 如果使用 vue-router -->
        <router-view></router-view>
      </v-container>
    </v-main>
  </v-app>
</template>
<script>
/* eslint-disable */
import navigation from './components/navigation'
export default {
  name: 'App',
  components: {
        'navigation': navigation
      }
}
</script>

<style >
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100%;
  height: 100%;
}
</style>
